<template>
	<view class="go-shop">
        <view  class="icon-wrap">
            <text class="icon iconfont icon-weizhi"></text> 商家位置
        </view>
        <view class="position">{{ data.storeShipping }}</view>
        <!-- <view class="range">
            <text>距离1.3km</text>
            <text class="map">
                查看地图
                <text class="icon iconfont icon-position"></text>
            </text>
        </view> -->
         <view class="range">
            <view class="range-item">
                <text class="r-text1">
                    自取时间
                    <text class="icon iconfont icon-shijian"></text>
                </text>
                <text class="b-text">
                    13:35
                    <text class="icon iconfont icon-next"></text>
                </text>
            </view>
            <!-- <view class="range-item">
                <text class="r-text1">
                    预留电话
                    <text class="icon iconfont icon-dianhua"></text>
                </text>
                <text class="b-text">
                    13:35
                    <text class="icon iconfont icon-next"></text>
                </text>
            </view> -->
        </view>
	</view>
</template>

<script>
export default {
     props: {
        data: {
            'type': Object,
            'default': () => ({})
        },
    },
	components: {
	},
	data() {
		return {
		}
	},
	methods: {
	}
}
</script>

<style lang="stylus" scoped>
.go-shop
    .icon-wrap
        display flex
        align-items center

        .icon
            font-size 28rpx
            margin-right 6rpx

    .position
        font-size 30rpx
        margin-top 20rpx

    .range
        margin 20rpx 0 0
        display flex

        .icon
            font-size 24rpx

        .map
            color #ffaf34
            margin-left 20rpx

        .range-item
            display flex
            flex-direction column
            justify-content center
            align-items left
            flex 1 0 0

            .r-text1
                color #999
                margin-bottom 20rpx
                .icon
                    margin-left 16rpx

            .b-text
                font-size 30rpx
                .icon
                    font-size 30rpx
                    font-weight 500

</style>
